<template>
 <h1>属性绑定指令</h1>
  <input type="text" value="nashan">
  <input type="text" value="nahai">
  <br><br>
  <input type="text" v-bind:value="info">
  <input type="text" style="width: 250px" :value="info">
  <hr>
  <a href="url">超链接1</a>
  <a :href="url">超链接2</a>
</template>

<script setup>
  import {ref} from "vue";

  const info = ref('大风起兮云飞扬，威加海内兮归故乡~');
  const url = ref('https://doc.codeboy.com');
  url.value = 'https://www.baidu.com'
</script>

<style scoped>

</style>